<template>
	<!-- 大咖快报 -->
	<view class="kuaibao flex-row align-center padding-lr-sm">
		<image src="../../static/images/home-notice.png" style="width: 48rpx;" mode="widthFix"></image>
		<view class="padding-lr-sm" style="height: 40rpx;">
			<u-line color="red" direction="col"></u-line>
		</view>
		<view class="msg">
			<swiper style="height: 100%;" vertical circular :autoplay="true" :interval="3000" :duration="1000">
				<swiper-item v-for="(i,k) in news" :key="k">
					<view class="msg u-line-1">
						<text class="active">[{{i.u}}]</text>
						于{{i.t}}签订了
						<text class="active">[{{i.o}}]</text>
					</view>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				news: []
			};
		},
		mounted() {
			this.getNews()
		},
		methods: {
			getNews() {
				this.$u.get('/order/news').then(res => {
					this.news = res.data.result.deal
				})
			}
		}
	}
</script>

<style lang="scss">
	.kuaibao {
		width: 670rpx;
		height: 80rpx;
		margin: 0 auto;
		background: rgba(238, 188, 128, 0.2);
		border-radius: 4rpx;

		.msg {
			width: 520rpx;
			height: 80rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
			line-height: 80rpx;
		}

		.active {
			color: #EEBC80;
		}
	}
</style>